<%--
    Document   : programasEstrategicos
    Created on : 26/04/2010, 03:38:19 PM
    Author     : Fiorella
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<%@taglib uri="http://struts.apache.org/tags-bean"  prefix="bean"%>
<%@taglib uri="http://struts.apache.org/tags-html" prefix="html"%>
<%@taglib uri="http://struts.apache.org/tags-logic" prefix="logic"%>
<%@ taglib uri="/tags/c" prefix="c"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<script src="js/calendar.js" language="javascript"></script>
<script src="js/calendar-es.js" language="javascript"></script>
<script src="js/calendar-setup.js" language="javascript"></script>
<script type="text/javascript">

function autoCompletarDiv(metodo,url,cadena,async,idDiv)
        {
            if( window.XMLHttpRequest )
                ajax = new XMLHttpRequest();
            else
                ajax = new ActiveXObject("Microsoft.XMLHTTP");
            ELEMENT_DIV = idDiv;
            ajax.onreadystatechange = funcionCallbackVerDiv;
            ajax.open( metodo, url, async);
            ajax.send(cadena);
        }

    function funcionCallbackVerDiv()
        {
            if( ajax.readyState == 4 )
            {
                if( ajax.status == 200 )
                {
                    document.getElementById(ELEMENT_DIV).innerHTML = ajax.responseText;
                }
            }
        }



    function buscarExpectativa(){
            var txtEvento=document.getElementById("txtEvento").value;
            var txtFechaIni=document.getElementById("txtFechaIni").value;
            var txtFechaFin=document.getElementById("txtFechaFin").value;
            var txtMarca=document.getElementById("txtMarca").value;
            var codAlumno=document.getElementById("codAlumno").value;

            var codOlimpico=document.getElementById("codOlimpico").value;
            var codFederado=document.getElementById("codFederado").value;
            var txtPuesto=document.getElementById("txtPuesto").value;
            

            var idDiv = "divTabla";
                var metodo = "GET";
                //alert(tipoOper);
                var url="consultasAjax/adarListarAlumnoExAjax.jsp?codAlumno="+codAlumno+"&flagcapa="+0+"&txtPuesto=";
                    url=url+txtPuesto+"&txtEvento="+txtEvento+"&txtMarca="+txtMarca;
                    url=url+"&codOlimpico="+codOlimpico+"&codFederado="+codFederado;
                    url=url+"&txtFechaIni="+txtFechaIni+"&txtFechaFin="+txtFechaFin;
                var cadenaSalida = "";
                var async = true;
                document.getElementById(idDiv).innerHTML;
                autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);
    }
//codAlumno,codMarca,codExpectativa,descEvento,fechaIni,fechaFin
  function editarExpectativa(codAlumno,codMarca,codExpectativa,descEvento,fechaIni,fechaFin,codOlimpico,codFederado,puesto)
       {
           if(codOlimpico=="")codOlimpico="-1";
           if(codFederado=="")codFederado="-1";

            document.getElementById("txtEvento").value=descEvento;
            document.getElementById("codOlimpico").value=codOlimpico;
            document.getElementById("codFederado").value=codFederado;
            document.getElementById("txtMarca").value=codMarca;
            document.getElementById("txtPuesto").value=puesto;
            document.getElementById("txtFechaIni").value=fechaIni;
            document.getElementById("txtFechaFin").value=fechaFin;
            document.getElementById("tipoOper").value="2";
            document.getElementById("codExpectativa").value=codExpectativa;
        }

      function grabarMarcaPersonal(){

          if(validarInputExpectativa()==false)return;

            var txtEvento=document.getElementById("txtEvento").value;
            var codOlimpico=document.getElementById("codOlimpico").value;
            var codFederado=document.getElementById("codFederado").value;
            var txtMarca=document.getElementById("txtMarca").value;
            var txtPuesto=document.getElementById("txtPuesto").value;
            var txtFechaIni=document.getElementById("txtFechaIni").value;
            var txtFechaFin=document.getElementById("txtFechaFin").value;
            var codAlumno=document.getElementById("codAlumno").value;
            var tipoOper=document.getElementById("tipoOper").value;
            var codExpectativa=document.getElementById("codExpectativa").value;

        var idDiv = "divTabla";
        var metodo = "GET";
        var url = "consultasAjax/adarListarAlumnoExAjax.jsp?codExpectativa="+codExpectativa+"&txtMarca="+txtMarca;
            url =url+"&flagcapa="+1+"&tipoOper="+tipoOper+"&codAlumno="+codAlumno+"&txtEvento="+txtEvento;
            url =url+"&codOlimpico="+codOlimpico+"&codFederado="+codFederado+"&txtFechaIni="+txtFechaIni;
            url =url+"&txtFechaFin="+txtFechaFin+"&txtPuesto="+txtPuesto+"&txtFechaIni="+txtFechaIni;
        var cadenaSalida = "";
        var async = true;
        document.getElementById(idDiv).innerHTML;
        autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);
        setControlExpectativa();

    }
function setControlExpectativa(){
            document.getElementById("txtEvento").value="";
            document.getElementById("codOlimpico").value="-1";
            document.getElementById("codFederado").value="-1";
            document.getElementById("txtMarca").value="";
            document.getElementById("txtPuesto").value="";
            document.getElementById("txtFechaIni").value="";
            document.getElementById("txtFechaFin").value="";
            document.getElementById("tipoOper").value="1";
            //var codExpectativa=document.getElementById("codExpectativa").value;

}
function validarInputExpectativa(){

    if(document.getElementById("txtEvento").value==""){
                alert("Ingrese Evento");
                document.getElementById("txtEvento").focus();
                return false;
            }
            if(document.getElementById("codOlimpico").value!="-1" && document.getElementById("codFederado").value!="-1"){
                alert("Solo debe seleccionar un tipo de circuito");
                document.getElementById("codOlimpico").focus();
                return false;
            }

            if(document.getElementById("codOlimpico").value=="-1" && document.getElementById("codFederado").value=="-1"){
                alert("Debe seleccionar un tipo de circuito");
                document.getElementById("codOlimpico").focus();
                return false;
            }

      //Ini Valida formato decimal
        if(document.getElementById("txtMarca").value==""||document.getElementById("txtMarca").value==null)
         {
             alert("Ingrese Marca");
             document.getElementById("txtMarca").focus();
             return false;
         }
         else
         if(isNaN(document.getElementById("txtMarca").value)==true){
            alert("Verifique formato de marca");
            document.getElementById("txtMarca").focus();
            return false;
        }

    //Fin Valida formato decimal
      if(document.getElementById("txtFechaIni").value==""){
                alert("Ingrese Fecha Inicio");
                document.getElementById("txtFechaIni").focus();
                return false;
      }
      if(document.getElementById("txtFechaFin").value==""){
                alert("Ingrese Fecha Fin");
                document.getElementById("txtFechaFin").focus();
                return false;
      }
   }

    function eliminarExpectativa(codAlumno,codMarca,codExpectativa,descEvento,fechaIni,fechaFin,codOlimpico,codFederado,puesto){
     
         if(confirmDeleteMarcaPersonal(descEvento,"","")==false)return;
                var codAlumno=document.getElementById("codAlumno").value;
                var idDiv = "divTabla";
                var metodo = "GET";
                //alert(tipoOper);
                //var url = "consultasAjax/cearListarAlumnoEAjax.jsp?codMarca="+codMarca+"&flagcapa="+1+"&tipoOper="+3;
                var url = "consultasAjax/adarListarAlumnoExAjax.jsp?codExpectativa="+codExpectativa+"&txtMarca="+codMarca;
                    url =url+"&flagcapa="+1+"&tipoOper="+3+"&codAlumno="+codAlumno+"&txtEvento="+descEvento;
                    url =url+"&codOlimpico="+codOlimpico+"&codFederado="+codFederado+"&txtFechaIni="+fechaIni;
                    url =url+"&txtFechaFin="+fechaFin+"&txtPuesto="+puesto;
                var cadenaSalida = "";
                var async = true;
                document.getElementById(idDiv).innerHTML;
                autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);
            setControlExpectativa();
    }

     function confirmDeleteMarcaPersonal(descPrueba,apePaterno,apeMaterno){
        if (confirm("Esta seguro de eliminar Evento:  \n  "+descPrueba+" "+apePaterno+" "+apeMaterno))
            return true;
        else return false;
     }



   function cancel(){

        var codAdar=document.getElementById("codAdar").value;
        var form = document.getElementById("AdarForm");
        form.action="Adar.do?dispatch=listarAlumnos&codAdar="+codAdar;
        form.method="post";
        form.submit();

    }


  function eventoSoloNumerosDecimal() {
        var key = event.keyCode;
	if ((key == 46 )|| (key == 13 )|| (key >= 48 && key <= 57) || (key==8 )==true)
		event.returnValue = true;
	else
		event.returnValue = false;
    }
   function eventoSoloNumeros() {
        var key = event.keyCode;
	if ((key == 13 )|| (key >= 48 && key <= 57) || (key==8 )==true)
		event.returnValue = true;
	else
		event.returnValue = false;
    }
</script>
            
<html>

    <head>
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" href="lib/css/estilos.css" type="text/css">
        <link href="lib/css/styles_pages.css" rel="stylesheet" type="text/css" />
        <link rel="stylesheet" type="text/css" media="all" href="lib/css/calendar-win2k-cold-1.css" title="win2k-cold-1" />
        <title>JSP Page</title>
    </head>
    <body onload="buscarExpectativa()">

        <div  style="overflow: auto; width: 710px; height: 400px">
      <html:form action="Adar.do?dispatch=listarExpectativa" styleId="AdaForm">


          <!--Ini Alumnos-->
          
          <input type="hidden" id="tipoOper" value="1">
          <input type="hidden" id="codMarca" value="0">
          <input type="hidden" id="codExpectativa" value="0">
          
          
          <html:hidden property="codAdar" styleId="codAdar"></html:hidden>
          <html:hidden property="codAlumno" styleId="codAlumno"></html:hidden>
          
              <h1 align="center">Expectativa AID</h1>
              <br>
              <table>
                  <tr>
                      <td>
                          Alumno
                      </td>
		      <td>
                          <html:text property="nomAlumno" disabled="true" styleId="nomAlumno" size="65"></html:text>
		      </td>
                  </tr>
              </table>


              <br>

              
              <table>
                  <tr>
                      <td>
                          Evento
                      </td>
		      <td>
                          <input type="text" id="txtEvento">
		      </td>
                      <td>
                          Circuito Olimpico
                      </td>
		      <td>
                          <select id="codOlimpico">
                                <option value="-1">[--Seleccionar--]</option>
                                <option value="1">Olimpicos</option>
                                <option value="2">Panamericanos</option>
                                <option value="3">Sudamericanos</option>
                          </select>
		      </td>
                  <td>
                          Circuito Federado
                      </td>
		  <td>
                          <select id="codFederado">
                                <option value="-1">[--Seleccionar--]</option>
                                <option value="1">Panamericano</option>
                                <option value="2">Sudamericano</option>
                                <option value="3">Bolivariano</option>

                          </select>
		  </td>
                      
                   </tr>
                   <tr>
                    <td>
                          Marca
                     </td>
                      <td>
                          <input type="text" id="txtMarca" onkeypress="eventoSoloNumerosDecimal()" maxlength="6">
                     </td>
                     <td>
                          Puesto
                     </td>
                      <td>
                          <input type="text" id="txtPuesto" onkeypress="eventoSoloNumeros()" maxlength="6">
                     </td>
                    <td>
                          Fecha Inicio
                   </td>
		   <td>
                       <input type="text" id="txtFechaIni" readonly="true" size="6">
                       <img src= "images/calendar.gif" alt="" name="trigger" id="trigger" title="Abrir Calendario" />
		   </td>
                      
                  </tr>
               
                  <tr>
                      <td>
                          Fecha Fin
                      </td>
		      <td>
                          <input type="text" id="txtFechaFin" readonly="true" size="6">
                          <img src= "images/calendar.gif" alt="" name="trigger2" id="trigger2" title="Abrir Calendario" />
		      </td>

                      <td colspan="6" align="right">
                          <input type="button" value="Regresar" onclick="cancel()">
                           <input type="button" value="Buscar" onclick="buscarExpectativa()">
                          <input type="button" value="Grabar" onclick="grabarMarcaPersonal()">
                      </td>
                  </tr>
              </table>
              <br><br>
            
            <div id="divTabla">

            </div>

</html:form>

<script>
                                Calendar.setup(
                {
                  inputField  : "txtFechaFin",         // ID of the input field
                  ifFormat    : "%d/%m/%Y",    // the date format
                  button      : "trigger2"       // ID of the button
                }
                );
                    Calendar.setup(
                {
                  inputField  : "txtFechaIni",         // ID of the input field
                  ifFormat    : "%d/%m/%Y",    // the date format
                  button      : "trigger"       // ID of the button
                }
                );
                            </script>
</div>        
</body>
</html>
<script type="text/javascript">
   
</script>